.expense-rule-component {
	width: 100%;
	background-color: #ffffff;
}
.expense-rule-content {
	padding: 0 24rpx 40rpx;
	.rule-table {
		font-size: 26rpx;
		color: #292e3e;
		border-top: 1px solid #7c829d;
	}
	.rule-th, .rule-tr {
		display: flex;
		.rule-th-col, .rule-tr-col {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 25%;
			min-height: 80rpx;
			border-left: 1px solid #7c829d;
			border-bottom: 1px solid #7c829d;
			box-sizing: border-box;
			&:last-child {
				border-right: 1px solid #7c829d;
			}
			&.w-50 {
				width: 50%;
			}
		}
	}
	.rule-tr {
		.rule-tr-col {
			padding: 12rpx;
			min-height: 180rpx;
			&.child {
				text-align: center;
				color: #8489a2;
			}
			&.w-75 {
				width: 75%;
			}
		}
		&.line {
			margin-top: 24rpx;
			border-top: 1px solid #7c829d;
			.rule-tr-col {
				min-height: 80rpx;
			}
		}
	}
	.expense-rule-tips {
		padding: 40rpx 0;
		.expense-rule-title {
			padding: 6rpx 0;
			font-size: 28rpx;
			color: #292e3e;
		}
		.expense-rule-desc {
			padding: 6rpx 0;
			line-height: 36rpx;
			font-size: 26rpx;
			color: #7c829d;
		}
	}
}